<div id="slider">


<div id="s3slider">
   <ul id="s3sliderContent">


<!--THIS IS THE 1ST SLIDER-->

      <li class="s3sliderImage">
          <img src="<?php bloginfo('template_url'); ?>/images/1.jpg" />
          <?php include("slider1.php"); ?>
      </li>


<!--2ND SLIDER-->

      <li class="s3sliderImage">
          <img src="<?php bloginfo('template_url'); ?>/images/2.jpg" />
          <?php include("slider2.php"); ?>
      </li>



<!--3RD SLIDER-->

      <li class="s3sliderImage">
          <img src="<?php bloginfo('template_url'); ?>/images/3.jpg" />
          <?php include("slider3.php"); ?>
      </li>


<!--You can copy and paste more sliders here. Make sure you change the number 4, 5, etc in the code-->
<!--You need to also create a slider4.php, to do so, you can open slider3.php and save as slider4.php and then edit the text.-->

       <div class="clear s3sliderImage"></div>
   </ul>
</div> 



</div>
